<template>
  <div id="bondExchange">
    <div class="homeTitle">账户信息详情</div>
    <div class="tablelist">
      <formList :formList = 'formList' :formData = 'formData' parentClass = 'addOppo'></formList>
    </div>
    <div class="close">
      <el-button type="primary" size="small" @click="surePost">提交</el-button>
      <el-button type="primary" size="small" @click="close">取消</el-button>
    </div>
  </div>
</template>

<script>
export default {
  name: "bondExchange",
  data() {
    return {
      oppoName: this.$route.query.oppoName,
      formList: [
        { label: "交易对手", prop: "full"},
        { label: "业务类型", prop: "",select: true },
        { label: "账户类型", prop: "",select: true },
        { label: "账户名称", prop: "",input: true},
        { label: "开户行", prop: "", input: true },
        { label: "账号", prop: "", input: true },
        { label: "支付系统行号", prop: "", input: true },
        { label: "托管机构", prop: "", input: true },
        { label: "托管机构名称", prop: "", input: true },
        { label: "托管账号", prop: "", input: true }
      ],
      formData: {
        
      }
      
    };
  },
  methods: {
    close () {
      this.$router.go(-1);
    },
    surePost() {
      this.axios.post('counterparty/addOrUpdate', this.formData).then((res) => {
        this.$message({
          type: 'success',
          message: '添加成功'
        })
        this.close()
      })
    },
    addAccout () {
      this.$router.push('bondExchange');
    },
  }
};
</script>

<style lang="scss">
#bondExchange {
  .tablelist {
    margin-top: 30px;
    table {
      border: 1px solid white;
      width: 100%;
      border-collapse: collapse;
    }
    tr {
      td {
        text-align: center;
        padding: 12px 10px;
        border-right: 1px solid white;
        border-bottom: 1px solid white;
        &:first-child {
          background: rgba(53, 58, 58, 0.9);
          color: white;
          width: 30%;
        }
        &:last-child {
          background: rgba(53, 58, 58, 0.55);
          color: white;
          text-align: left;
        }
      }
    }
  }
  .oppTitle {
    color: white;
    margin: 20px 0;
  }
  .bottomTable {
    table {
      border: 1px solid white;
      width: 100%;
      border-collapse: collapse;
      tr {
        &:first-child {
          background-color: #181C1D !important;
          color: white;
          td {
            background-color: #181C1D !important;
          }
        }
        td {
          text-align: center;
          padding: 5px 10px;
          border-right: 1px solid white;
          border-bottom: 1px solid white;
          color: white;
          background: #2C3135;
        }
    }
    }
    .addwhite {
      height: 46px;
      background-color: white;
      padding: 0 20px;
      span {
        color: #cccccc;
        line-height: 46px;
      }
    }
  }
  .close {
    margin-top: 30px;
    text-align: center;
  }
}
</style>
